$(function(){
    //退出
    getUserInfo()
    //退出事件
    $('#logout').on('click', function () {
        //弹出框
        layer.confirm('确认退出登录吗？', {
            icon: 3,
            title: '提示'
        }, function (index) {
            //确认退出后跳转会登录页面
            location.href = '/login.html'
            //删除已经登录的头信息
            localStorage.removeItem('token')
            //关闭弹出
            layer.close(index);
        })
    })

})

//全局函数发送ajax请求
function getUserInfo() {
    axios({
        url: '/my/userinfo',
        method: 'get',
        //headers用来在发送请求自定义请求头的

    }).then(res => {
        //成功回调
        if (res.data.status != 0) {
            return layui.layer.msg(res.data.message);
        }
        renderAvatar(res.data.data)
    })
}
//全局函数渲染数据
function renderAvatar(user) {
    let name = user.nickname || user.username
    $('.welcome').html(`欢迎 &nbsp;` + name)
    /*如果有图片头像就渲染图片头像，否则渲染文字头像
    没有图片头像就渲染文字头像，否则就渲染图片头像*/
    //如果没有图片就显示文字
    if (user.user_pic != null) {
        $('.text-avatar').hide()
        $('.layui-nav-img').show().attr('src', user.user_pic)
    } else {
        $('.layui-nav-img').hide()
        //toUpperCase转换成大写
        //toLowerCase转换成小写
        let first = name[0].toUpperCase()
        $('.text-avatar').show().html(first)
    }
}